<div class="row contentBox">
  <app-sidebar-system></app-sidebar-system>
  <!-- 左侧同义词搜索 BEGIN -->
  <app-synonym-management-left (onSubmit)="table.getTabList()" #leftTableData></app-synonym-management-left>
  <!-- 左侧同义词搜索 END -->

  <div class="contentArea_rightDiv">
      <div class="row txtTitle">
          <div class="form-group pull-right" *ngIf="right['systemSynonym']['query']">
              <span class="pull-left form-span span_left_search">启用状态：</span>
              <select class="form-control select-style" name="status" (change)="search()" [(ngModel)]="status">
                  <option value="">全部</option>
                  <option value="0">启用</option>
                  <option value="-1">禁用</option>
              </select>
          </div>

          <input matInput type="text" class="input_style"
          #queryCriteria="ngModel"
          name="searchData"
          placeholder="请输入词语名称检索"
          (input)="changesearch()"
          (keyup.enter)="changesearch()"
          *ngIf="right['systemSynonym']['query']"
          [(ngModel)]="searchData"
          />
          <button class="btn btn-search btn-blue" style="margin-right: 10px;"
            (click)="search()"
            *ngIf="right['systemSynonym']['query']"
            mat-button
            >查询
          </button>

          <button class="btn btn-blue" data-toggle="modal" mat-button *ngIf="right['systemSynonym']['create']"  data-target="#synonymManagementAdd" (click)="initService._init(1)">新增</button>
          <button class="btn btn-orange"
            data-toggle="modal" 
            [disabled]="removeTableService?._isEmpty()" 
            data-target="#synonymDelete"
            *ngIf="right['systemSynonym']['batchDelete']"
            mat-button
          >删除</button>
          
          <button class="btn btn-green"
            [disabled]="removeTableService?._isEmpty()" 
            (click)="_enable()"
            mat-button
            *ngIf="right['systemSynonym']['batchEnable']"
          >启用</button>

          <button class="btn btn-orange"
          [disabled]="removeTableService?._isEmpty()" 
            (click)="_disable()"
            mat-button
            *ngIf="right['systemSynonym']['batchDisable']"
          >禁用</button>
      </div>
      
      <!-- 表格 BEGIN -->
      <app-synonym-management-table #table (tableDataLeft)="ParentLeftData($event)"></app-synonym-management-table>
      <!-- 表格 END -->

      <!-- 分页 BEGIN -->
       <app-pagination [getTotalItems]="table.total"
       (isLoadTableFromPagination)="_pagination($event)"
       >
      </app-pagination>
      <!-- 分页 END -->
  </div>
</div>
<!--content  end-->

<!--新增弹窗 BEGIN-->
<app-synonym-management-add (onSubmit)="table.getTabList()"></app-synonym-management-add>
<!--新增弹窗 END-->

<!-- 删除 BEGIN -->
<app-synonym-management-delete (delete)="table.getTabList()"></app-synonym-management-delete>
<!-- 删除 BEGIN -->	